<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>更新学校</title>
		<script src="../js/jquery-3.1.1.min.js" type="text/javascript"></script>
		<style>
			div{
				background: pink;
				width: 300px;
			/* 	border: 1px solid gray;*/
				border-radius: 5px; 
				padding: 5px;
				margin: 3px;
				
			}
			input,textarea{
				width: 170px;
				line-height: 25px;
			}
			label{
				width: 120px;
				vertical-align: top;
				line-height: 25px;
			}
			div:last-child{
				text-align: right;
			}
			div:last-child input{
				width: 80px;
			}
		</style>
	</head>
	<body>
		<h1><a href="../listSchool">查询所有学校</a></h1>
	    <hr>
		<h1>更新学校</h1>
		<form action="../updateSchool" method="get">
			<div>
				<label>学校编号:</label>
				<input type="text" disabled="disabled"/>
				<input id="sccode" type="hidden" name="scCode"/>
			</div>
			<div>
				<label>学校名字:</label>
				<input id="scname" type="text" name="scName" />
			</div>
			<div>
				<label>学校地址:</label>
				<textarea name="scAddress" cols="21" rows="2"></textarea>
			</div>
			<div>
				<label>学校面积:</label>
				<input type="text" name="scArea" />
			</div>
			<div>
				<label>学校人数:</label>
				<input type="number" name="scTotal" />
			</div>
			<div>
				<label>建校日期:</label>
				<input type="text" name="scBirthStr" />
			</div>
			<div>
				<input type="submit" id="submit" value="提交" />
				<input type="reset" value="重置" />
			</div>
			
		</form>
		<h3 id="msg" style="color:red;"></h3>
	</body>
	<script>
	//  回显
	$(function(){
			var str = window.location.href;// 浏览器的地址
			str = decodeURIComponent(str); // decodeURIComponent：解码函数
			                               // encodeURIComponent：编码函数
			var substr = str.substring(str.indexOf("?")+1, str.length);// 参数部分截取出来
			var arr = substr.split("&"); // 根据&符号分隔为数组
			var divs = $("div")
			for(var i=0 ; i< arr.length ; i++){ // 遍历数组
				//console.log(arr[i])
				// 给每个div的第一个input标签设置value值
				var txt = arr[i].substring(arr[i].indexOf("=")+1 );  // 值获取数组中元素的“=”号后面的value值
				divs.eq(i).children().eq(1).val(txt); // div的第一个input标签设置value值
			}
			// 给第一个div中的第二个input输入框设置value(第一个div中有两个input标签)
			var code = arr[0].substring(arr[0].indexOf("=")+1 );
			divs.eq(0).children().eq(2).val(code);
		})
	
	 // ajax请求， 发送数据到服务器，实现school的更新功能
	 $("#submit").click(function(){
		 var jsonObj = {"scCode":$("#sccode").val(), "scName":$("#scname").val()};
		 $.ajax({
			 url:"../update.do",
			 type:"post",
			 data:jsonObj,
			 dateType:"json",
			 success:function(res){
				 console.log(typeof res);
				 res = $.parseJSON(res);// jquery提供的，将json字符串，转换为json对象。
				 if(res.msg){ // 更新成功
					// 显示listSchool.html		
					window.location.href="listSchool.html";
				    // window.locaiton.reload() - 刷新页面
				 }else{
					// 留在更新界面，给一个提示信息
					$("#msg").html("更新失败，请检查。")
				 }
			 }
			 
		 })
		 return false;// 阻止默认的提交事件
		 
	 })
	 
	 
   </script>
</html>
